import useStore from "@/store";
import {observer} from "mobx-react-lite";
import Bar from "@/components/Bar";

const Home = () => {
    const {homeStore} = useStore()
    return (<div>
        {homeStore.chartData.map(item => (<Bar title={item.title}
                                               xData={item.xData}
                                               yData={item.yData}
                                               style={{...item.style}}
                                               key={item.id}
        />))}
    </div>)
}

export default observer(Home)